import React from 'react'
import HeadeNav from '../../../components/HeadeNav'
import Swiper from '../../../components/Swiper'
import banner1 from '../../../assets/images/banner1.png'
import banner2 from '../../../assets/images/banner2.png'
import banner3 from '../../../assets/images/banner3.png'
import banner4 from '../../../assets/images/banner4.png'
import banner5 from '../../../assets/images/banner5.png'
import banner6 from '../../../assets/images/banner6.png'
import HomeHotList from './HomeHotList'
import { useSelector } from 'react-redux'
export default function Index() {
  const city = useSelector(state => state.city)
  return (
    <div>
      <HeadeNav cityName={city.cityName} />
      <Swiper autoplay loop banner={[banner1, banner2, banner3, banner4, banner5, banner6]}></Swiper>
      <HomeHotList cityName={city.cityName}></HomeHotList>
    </div>
  )
}
